<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="ISO-8859-1"%>

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<title>Badass-Project</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<!-- Les styles -->
		<!-- Style Bootstrap -->
		<link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap-responsive.css">
		<link rel="stylesheet" type="text/css" href="../lib/bootstrap-fileupload/bootstrap-fileupload.css">
		
		<!-- Style perso -->
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		
		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
			</script>
		<![endif]-->

		<!-- Favicon -->
		<link rel="shortcut icon" href="../img/ico/favicon.ico">
		
		<!-- Appels des fichiers javascript -->
		<script type="text/javascript" src="../lib/jquery/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" src="../lib/bootstrap-fileupload/bootstrap-fileupload.js"></script>
		
		<script type="text/javascript" src="../javascript/javascript_upload.js"></script>
		
	</head>
	
	<body>
	
		<header>
			<!-- Premier bandeau : recherche, login -->
			<div class="row navbar navbar-fixed-top" style="position: absolute;">
				<div class="navbar-inner">
					<div class="container" style="width: auto; height: 68px; padding: 0 100px">
						<div style="padding-top: 13px; min-width: 180px; float: left;">
							<a href="../index.jsp"><img src="../img/badass-logo.png" style="height: 40px; float: left"/><h4 style="float: left; padding-left: 5px">Badass-Project</h4></a>
						</div>
						<div style="padding-top: 12px; min-width: 250px; float: right;">
							<!-- <div>
								<a href="#myModal" role="button" class="btn" data-toggle="modal"><i class="icon-user"></i> Connexion</a>
								<a href="#" class="btn"><i class="icon-arrow-up"></i> Upload</a>
							</div> -->
						</div>
					</div>
				</div>
			</div>
		</header>
		
		<!-- Corps de la page -->
		<div class="container">
			<!-- Un seul gros bandeau pour la navigation -->
			<div class="row" style="padding-top: 100px; overflow: auto;">
				<div class="offset2 span8">
					<form action="../../UploadService" method="post" enctype="multipart/form-data" onSubmit="return validForm(this);">
						<fieldset>
							<legend>Uploadez votre musique</legend>
							<div class="row" id="displayFichiers">

							</div>
							<div class="row">
								<div class="span2">
									<button type="button" class="btn" onclick="ajouterChanson()"><i class="icon-plus-sign"></i> Autre chanson</button>
								</div>
								<div class="offset4 span2">
								<button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i> Upload</button>
								</div>
							</div>
					    </fieldset>
					</form>
				</div>
			</div>
		</div>
	
	</body>
</html>